﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frmCrearUsuarios.aspx.cs" Inherits="Apa.Forms.frmCrearUsuarios" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <title>Table Test</title>


   <style> 
.round {
    border: 2px solid #a1a1a1;
    padding: 3px 3px; 
    background: #dddddd;
    width: 20px;
    border-radius: 25px;
     height: 20px;
  width: 20px;
  float: left;
}

.roundRenovado {
    border: 2px solid #a1a1a1;
    padding: 3px 3px; 
    background: #31690C;
    width: 20px;
    border-radius: 25px;
     height: 20px;
  width: 20px;
  float: left;
}

.roundNoRenovado {
    border: 2px solid #a1a1a1;
    padding: 3px 3px; 
    background: #A42900;
    width: 20px;
    border-radius: 25px;
     height: 20px;
  width: 20px;
  float: left;
}

.roundProceso {
    border: 2px solid #a1a1a1;
    padding: 3px 3px; 
    background: #9999FF;
    width: 20px;
    border-radius: 25px;
     height: 20px;
  width: 20px;
  float: left;
}



      .es{
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    height:20px;
    width:25px;
} 
    

.inline-block{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline; 
}
      
        .style1
        {
            text-align: center;
        }
      
        </style>

         <script>

             function HighlightRow(chkControl) {
                 var isChecked = chkControl.checked;
                 if (isChecked) {
                     chkControl.parentElement.parentElement.style.backgroundColor = '#F0EEE9';
                     // chkControl.parentElement.parentElement.style.color='white';
                 } else {
                     chkControl.parentElement.parentElement.style.backgroundColor = 'white';
                     // chkControl.parentElement.parentElement.style.color='black';
                 }


                 var x = chkControl.parentElement.parentElement.cells;
                 x[3].innerHTML = '<img src="Images/actualizar.png" >';
             }


             function renovacionAutomatica() {


//                 var divSeccionDatosRecibo = document.getElementById("tbl").rows[0].cells;
//                 var elemDatoRecibo = divSeccionDatosRecibo[0].getElementsByTagName("span");

//                 var numSolicitud = elemDatoRecibo[0].innerHTML.replace("<br>", "").replace("(", "").replace(")", "");
//                 alert(numSolicitud);

//                alert(elemDatoRecibo[0].innerHTML);

//                 document.getElementById("myText").value = "";
//                 document.getElementById("myText").value = "";
//                 document.getElementById("myText").value = "";
//                 document.getElementById("myText").value = "";

////                 var divSeccionDatosRecibo = document.getElementById("tbl").rows[fila].cells;
////                 var elemDatoRecibo = divSeccionDatosRecibo[columna].getElementsByTagName("div");

////                 var obj = document.getElementById("btOnclik");
////                 if (obj) {

////                     obj.click();
////                 }
//                 
                // alert('H');

                 var table = document.getElementById("tbl");

                 for (var i = 0, row; row = table.rows[i]; i++) {

                     for (var j = 0, col; col = row.cells[j]; j++) {
                      //  alert(row.cells[j].innerHTML);
                         var divSeccionDatosRecibo = row.cells[j];

                      // alert(row.cells[j].innerHTML);
                         var elemDatoRecibo = divSeccionDatosRecibo.getElementsByTagName("div");
                         if (elemDatoRecibo[0].className == "round" || elemDatoRecibo[0].className == null) {

                         elemDatoRecibo[0].className = "roundProceso";


                         var divSeccionDatosRecibo = document.getElementById("tbl").rows[0].cells;
                         var elemDatoRecibo = divSeccionDatosRecibo[0].getElementsByTagName("span");

                         var numSolicitud = elemDatoRecibo[0].innerHTML.replace("<br>", "").replace("(", "").replace(")", "");
                        


                         document.getElementById("tbNumSolicitud").value = numSolicitud;
                         document.getElementById("tbCedula").value = numSolicitud;
                         document.getElementById("tbFila").value = i+"";
                         document.getElementById("tbColumna").value = j+"";

                         var obj = document.getElementById("btOnclik");
                         if (obj) {

                              obj.click();
                          }

                         // alert(numSolicitud);
                         return;
                         }
                                      
             
                     }
                 }
             }



             function calcular(fila, columna, estado) {
                 //alert(document.getElementById("tbl").rows[fila]);

                 var divSeccionDatosRecibo = document.getElementById("tbl").rows[fila].cells;
                 var elemDatoRecibo = divSeccionDatosRecibo[columna].getElementsByTagName("div");

                 var elemDatoReciboSolicitud = divSeccionDatosRecibo[columna].getElementsByTagName("span");

                 var numSolicitud = elemDatoReciboSolicitud[0].innerHTML.replace("<br>", "").replace("(", "").replace(")", "");




                
                 if (elemDatoRecibo[0].className == "round" || elemDatoRecibo[0].className == null) {

                     document.getElementById("tbNumSolicitud").value = numSolicitud;
                     document.getElementById("tbCedula").value = numSolicitud;

                     //alert(numSolicitud);


                     if (estado == 'SI') {
                         elemDatoRecibo[0].className = "roundProceso";
                         // alert(elemDatoRecibo[0].className);
                     }

                     if (estado == 'NO') {
                         elemDatoRecibo[0].className = "roundProceso";
                         // alert(elemDatoRecibo[0].className);
                     }


                     var obj = document.getElementById("btOnclik");
                     if (obj) {

                         obj.click();
                     }


                }else{


                     renovacionAutomatica();
                
              

                 }

             }

    </script>

</head>



<body>
  <form id="Form1" runat="server">
  <div>
    Rows:
    <asp:TextBox ID="txtRows" runat="server" >0</asp:TextBox>
      &nbsp;
    Cols:
    <asp:TextBox ID="txtCols" runat="server" >18</asp:TextBox>
    <br /><br />
    <asp:CheckBox ID="chkBorder" runat="server"
         Text="Put Border Around Cells" />
    <br /><br />
    <asp:Button ID="cmdCreate" OnClick="cmdCreate_Click" runat="server"
     Text="Create" />
    <br />
      <asp:ScriptManager ID="ScriptManager1" runat="server">
      </asp:ScriptManager>
      <asp:UpdatePanel ID="UpdatePanel1" runat="server">
          <ContentTemplate>
              <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
                  Text="Actualizar" />
              <asp:Button ID="btOnclik" runat="server" onclick="Button2_Click" 
                  Text="peticionServidor" />
              <asp:TextBox ID="tbNumSolicitud" runat="server"></asp:TextBox>
              <asp:TextBox ID="tbCedula" runat="server"></asp:TextBox>
              <asp:TextBox ID="tbFila" runat="server">0</asp:TextBox>
              <asp:TextBox ID="tbColumna" runat="server">0</asp:TextBox>
          </ContentTemplate>
      </asp:UpdatePanel>
      <br />
      
    <asp:Table ID="tbl" runat="server" />
      
  </div>
  </form>
</body>
</html>
